@charset "utf-8";
html{-webkit-font-smoothing:antialiased;overflow-x: hidden;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header,hgroup,nav,menu,main,section,article,summary,details,aside,figure,figcaption,footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle;/* max-width: 100%;*/}
select,textarea,button,input[type=submit],input[type=reset],input[type=password],input[type=search],input[type=text],input[type=button]{ -webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
select{ outline: none; }
textarea{ font-family: Arial; }
body{ font-size: 14px; color:#333;line-height:1.3;overflow-x: hidden;background:#fff; font: 14px/1.3  "Arial","Microsoft YaHei"; }
a,li,div{ -webkit-tap-highlight-color: rgba(255,255,255,0); }
input,img,div,a,li{ outline: none; }
a{ color: #333; }
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../images/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
a,.news_list li,.m_ware .text font,.m_ware .shadow,.sug_list li,.inv_slick li.slick-slide,.msg_con form .msg_sub{ transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; }
.nav > li{ transition: border-color 300ms; -moz-transition: border-color 300ms; -webkit-transition: border-color 300ms; -o-transition: border-color 300ms; }
/*{ transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none;  }*/
.w{ width: 100%; }
.pr{ position: relative; }
.pa{ position: absolute; }
.tl{ text-align: left; }
.tc{ text-align: center; }
.tr{ text-align: right; }
.vt{ vertical-align: top; }
.vm{ vertical-align: middle; }
.none{ display: none; }
.cp{ cursor: pointer; }
.db{ display: block; }
.d_ib{ display: inline-block; _zoom: 1; *display: inline; }
.main .baseWidth,.footer .baseWidth,.header .baseWidth{ width: 1600px; margin: 0 auto;}
.baseWidth{ width: 1400px; margin: 0 auto;}
.txt_overflow{display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.clear{ clear: both;}
.img_box,.img{ position: relative; display: block; overflow: hidden; }
.img_box img,.img span,.img_box span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; background-repeat: no-repeat; background-position: center; background-size: cover; }
.img_box:hover span,.img:hover span{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.over{ overflow: hidden; }
.bg1{background:#fff}
.bg2{background:#f6f6f6}
/*header*/
.header{ -webkit-transform: translateZ(0); position: fixed; top: 0; width: 100%; height: 100px; line-height: 100px; z-index: 999; }
.h_box{ font-size: 0; }
.header .logo{ display: inline-block; vertical-align: middle; width: 17.3%; height: 52px; background-size: contain; }
.nav li{ position: relative; float: left; height: 100px; padding: 27.5px 0; margin: 0 22px; display: block; font-size: 16px; box-sizing: border-box; }
.nav li > a{ color: #fff; display: block; padding: 0 6px; height: 45px; line-height: 42px; box-sizing: border-box; border-bottom: 3px solid transparent; }
.nav li.on > a,.nav li:hover > a{ color: #fff; border-color: #fff; }
.nav li dl{ left: calc(50% - 2px); box-sizing: border-box; border: 2px solid rgba(0,0,0,.1); border-top: none; line-height: 30px ; min-width: 100%; font-size: 14px; padding: 10px 20px; display: none; position: absolute; left: 50%; top: 72.5px; text-align: center; width: auto; line-height: 35px; z-index: 999; background: rgba(0,0,0,0.8); }
.nav li dl dd{line-height:35px;}
.nav li dl a{ display: block; color: #fff; opacity: .6; white-space: nowrap; }
.nav li dl a:hover{opacity: 1; }
.lang{ margin-left: 14px; position: relative; padding: 0 16px; font-size: 16px; background: url(../images/icon3_w.png) right center no-repeat; height: 30px; line-height: 30px;}
.lang span{ color: #fff; cursor: pointer; display: inline-block; }
.lang ul{ display: none; border-radius: 5px; z-index: 666; position: absolute; left: 0; top: 30px; width: 100%; background: #00b0f0; left: -10px; padding: 0 10px; }
.lang ul li{ font-size: 14px; height: 30px; line-height: 30px; border-top: 1px solid rgba(255,255,255,.5); white-space: pre; }
.lang ul li:first-child{ border-top: none; }
.lang ul li img{ margin-right: 14px; }
.lang ul li a{ color: #fff; display: block; text-align: center; }
.lang ul li:hover a{ -webkit-animation: swing .8s linear; animation: swing .8s linear; }
.lang:hover ul{ display: block!important; }
.header.white{ background: rgba(255,255,255,.9); box-shadow: 0 0 10px #ccc; }
.header.white .logo{ background-size: contain; }
.header.white .nav li{ padding: 0;}
.header.white .nav li > a{ height: 100px; line-height: 98px; color: #000; border-bottom: 2px solid transparent; }
.header.white .nav li.on > a,.header.white .nav li:hover > a{ color: #00b0f0; border-color: #00b0f0; }
.header.white .nav li dl{ top: 100px; background: rgba(255,255,255,.9); }
.header.white .nav li dl a{ color: #000; opacity: 1; }
.header.white .nav li dl a:hover{ color: #00b0f0; }
.header.white .lang{ background: url(../images/icon3.png) right center no-repeat; }
.header.white .lang span{ color: #585858; }
.header .language{ color: #fff; display: none; margin-right: 10px; }
.header .language{ font-size: 16px; vertical-align: top;}
.header .language a{ color: #fff; opacity: .5; padding: 0 8px;}
.header .language a:hover,.header .language a.on{ opacity: 1; }
.header.white .language{ color: #000; }
.header.white .language a{ color: #000; opacity: 1; }
.header.white .language a:hover,.header.white .language a.on{ color: #00b0f0; }
.nav-skip { display: none; box-sizing: border-box; width:2.4rem; height:2.4rem; padding:0.5em 0 .4em; text-indent:2.1875em; font-size:1.3rem; line-height:1.9em; text-align:center;}
.nav-skip span {position:relative; top:0.4em; margin:0 auto; -webkit-transition-duration:0s; transition-duration:0s; -webkit-transition-delay:0.2s; transition-delay:0.2s;}
.nav-skip span:before,
.nav-skip span:after {position:absolute; content:'';}
.nav-skip span,
.nav-skip span:before,
.nav-skip span:after {width:1.3em; height:2px; background-color:#fff; display:block; -webkit-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-delay:0.2s, 0; transition-delay:0.2s, 0;}
.nav-skip span:before {top:-0.4em;}
.nav-skip span:after {top:0.4em;}
.nav-skip.toggled span {background-color:rgba(0,0,0,0.0)!important; -webkit-transition-delay:0s; transition-delay:0s;}
.nav-skip.toggled span:before,
.nav-skip.toggled span:after {top:0; -webkit-transition-delay:0, 0.2s; transition-delay:0, 0.2s;}
.nav-skip.toggled span:before {-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.nav-skip.toggled span:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.header.white .nav-skip span,
.header.white .nav-skip span:before,
.header.white .nav-skip span:after{ background-color: #00b0f0; }

/*footer
.footer{ background: #1d2938; line-height: 30px; }
.footer img{ max-width: 100%; }
.footer .top{ padding: 46px 0 50px; }
.fnav{ width: 85.8%; }
.fnav a{ color: #fff; }
.fnav li{ width: 14.8%; float: left; }
.fnav li:last-child{ width: 11.2%; }
.fnav li > a{ font-size: 18px; margin-bottom: 12px; display: block; }
.fnav li a:hover{ opacity: 1; }
.fnav dd a{ font-size: 14px; display: block; opacity: .5; }
.f_rbox{ width: 14.2%; border-left: 1px solid rgba(255,255,255,.2); box-sizing: border-box; padding-bottom: 30px }
.f_rbox p{ margin-top: 8px; line-height: 22px; font-size: 14px; color: rgba(255,255,255,.8); }
.f_rbox h3{ font-size: 24px; color: #fff; margin-bottom: 22px; }
.f_rbox .share_box a{ margin-left: 14px; float: left; opacity: .6; }
.f_rbox .share_box a:hover{ opacity: 1; }
.f_rbox .share_box img{ width: 32px; height: 32px; }
.footer .bottom{ line-height: 24px; color: rgba(255,255,255,.5); background: #1b2531; font-size: 12px; padding: 16px 0; }
.footer .bottom span{ margin-right: 24px; }
*/
/*首页*/
.slick-slider{position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{z-index: 0; position: relative; display: block; overflow: hidden; margin: 0 auto; width: 100%;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{outline: none; display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block; width: 100%;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto;}
.slick-arrow.slick-hidden{display: none;}
.slick-dots{ line-height: 1; position: absolute; width: 100%; bottom: 0; list-style: none; display: block; text-align: center; padding: 0px; }
.slick-dots li{ display: inline-block!important; vertical-align: top; border-radius: 10px; cursor: pointer; width: 10px; overflow: hidden; height: 10px; background: #cfcfcf; box-sizing: border-box; display: inline-block; zoom: 1; *display: inline; margin: 0 4.5px;}
.slick-dots li button{ background: none; border: none; outline: none; font-size: 0; }
.slick-dots li.slick-active{ overflow: hidden; background: #00b0f0; }
.slick-arrow{ background-color: rgba(0,0,0,0); outline: none;border: none;width: 33px; height: 33px; top: 50%; margin-top: -16.5px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute; z-index: 10;}
/*banner*/

.banner{ clear: both; height: 830px; overflow: hidden; position: relative;}
.banner-wrap{ height: 830px; }
.banner-wrap .banner-bg{background-size:cover;background-position: center center; height: 830px; display: block; background-size: cover; background-position: center; background-repeat: no-repeat;}
.banner .slick-arrow{background-color: rgba(0,0,0,0); outline: none;border: none;width: 9px; height: 15px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute; z-index: 10;}
.banner .slick-dots{ bottom: 44px; }
.banner .slick-prev{ left: 2.9%; width: 56px; height: 56px; background: url(../images/icon1.png) center no-repeat; }
.banner .slick-prev:hover{ background: url(../images/icon1on.png) center no-repeat; }
.banner .slick-next{ right: 2.9%; width: 56px; height: 56px; background: url(../images/icon2.png) center no-repeat; }
.banner .slick-next:hover{ background: url(../images/icon2on.png) center no-repeat; }

.more{margin-top:25px;box-sizing: border-box; font-size: 14px; display: block; text-align: center; width: 120px; height: 42px; line-height: 42px; background: #e0620d; color: #fff; border-radius: 4px; }
.more i{ transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; width: 6px; height: 42px; display: inline-block; vertical-align: top; background: url(../images/icon4.png) center no-repeat; margin-left: 6px; }
.more:hover i{ margin-left: 10px;}
.white.more{ background: transparent; border: 1px solid #fff; line-height: 40px; }
.i_about{ padding: 0 0 14px; font-size: 0; }
.i_about .text{ _margin-left: 7.6%; display: inline-block; _vertical-align: middle; width: 44.1%; color: rgba(0,0,0,.8); }
.i_about .text h2{ font-size: 36px;font-weight: bold; color: #1a1a1a; line-height: 54px;font-family: Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif; }
.i_about .text h3{ display: inline-block; position: relative; font-size: 24px; padding-bottom: 10px; margin-bottom: 24px;color:#999 }
.i_about .text h3:after{ transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; position: absolute; bottom: 0; left: 0; content: ""; width: 0; height: 2px; display: block; background: #00b0f0; }
.i_about .text a:hover h3:after{ width: 100%; }
.i_about .text p{ margin-bottom: 2px; font-size: 16px; line-height: 32px; max-height: 94px; overflow: hidden; }
.i_about .pic{ position: relative; margin: 0 0 0 6.4%; display: inline-block; vertical-align: middle; width: 49.5%; height: 320px; }
.i_about .pic span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; }
.i_service{ margin-bottom: 60px; }
.i_stop{ font-size: 0; padding: 30px 0 15px; color: rgba(0,78,162,.8); }
.i_stop .left{ display: inline-block; _vertical-align: middle; width: 16.6%; _margin-left: 11.5%; }
.i_stop h2{ font-size: 36px; font-weight: bold;color: #1a1a1a; line-height: 54px; font-family: Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif;}
.i_stop h3{ color: rgba(153,153,153,1); display: inline-block; position: relative; font-size: 24px; padding-bottom: 10px; }
.i_stop h3:after{ transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; position: absolute; bottom: 0; left: 0; content: ""; width: 0; height: 2px; display: block; background: rgba(255,255,255,.8); }
.i_stop a:hover h3:after{ width: 100%; }
.i_stop .right{ display: inline-block; vertical-align: middle; width: 52.3%; margin: 0 15.8% 0 3.8%; }
.i_stop .right p{ line-height: 27px; font-size: 16px; }
.i_sbot li.slick-slide{ background-repeat: no-repeat; background-position: center; background-size: cover; float: left; position: relative; width: 25%; height: 600px; display: table; }
.i_sbot li.slick-slide a{ color: #fff; display: table-cell; vertical-align: middle; }
.i_sbot li.slick-slide .box{ max-width: 72.8%; margin: 0 auto; }
.i_sbot li.slick-slide .box .icon{ height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; margin-bottom: 10px; }
.i_sbot li.slick-slide h2{ font-size: 24px; font-weight: bold;color:#fff; }
.i_sbot li.slick-slide p{ display: none; margin-top: 24px; line-height: 21px; max-height: 124px; overflow: hidden; font-size: 14px;color:#fff; }
.i_sbot li.slick-slide .more{ display: none; margin: 40px auto 0; }
.i_sbot li.slick-slide:hover .icon{ -webkit-animation: bounceInLeft .8s; animation: bounceInLeft .8s; }
.i_sbot li.slick-slide:hover a{ background: rgba(224,98,13,.8); }
.i_sbot li.slick-slide:hover p{ display: block; }
.i_sbot li.slick-slide:hover .more{ display: block; }
.i_sbot .slick-initialized .slick-slide{ display: table; }
.i_sbot .slick-prev{ left: 1%; width: 44px; height: 44px; background: url(../images/icon9.png) center no-repeat; opacity: .5; }
.i_sbot .slick-prev:hover{ background: url(../images/icon9on.png) center no-repeat; opacity: 1; }
.i_sbot .slick-next{ right: 1%; width: 44px; height: 44px; background: url(../images/icon10.png) center no-repeat; opacity: .5; }
.i_sbot .slick-next:hover{ background: url(../images/icon10on.png) center no-repeat; opacity: 1; }
.i_honor .img{ background: url(../images/pic6.jpg) left center no-repeat; background-size: contain; float: right; width: 100%; background-color: #00b0f0; }
.i_honor .text{ padding: 68px 0; width: 50%; margin-left: 50%; color: #fff; background: #00b0f0; }
.i_honor .title{ text-align: center; background: url(../images/icon11.png) center no-repeat; background-size: contain; height: 230px; line-height: 230px; }
.i_honor .title a{ display: inline-block; vertical-align: middle; line-height: 1.3; }
.i_honor .title h2{ font-size: 50px; color: #fff; line-height: 54px; }
.i_honor .title h3{ color: rgba(255,255,255,.8); display: inline-block; position: relative; font-size: 24px; margin-bottom: 15px; }
.i_honor .text p{ height: 106px; overflow: hidden; max-width: 62%; margin: 42px auto 0; line-height: 27px; text-align: center; }
.i_honor .more{ margin: 35px auto 0; width: 156px; height: 54px; line-height: 52px; font-size: 18px; }
.i_honor .more:hover{ background: #fff; color: #00b0f0; }
.i_contact{ font-size: 0; }
.i_contact .box{ display: inline-block; vertical-align: middle; padding: 60px 0; font-size: 0; max-width: 25%; min-width: 21%; }
.i_contact .img{ display: inline-block; vertical-align: middle; width: 50px; height: 50px; margin-right: 20px; }
.i_contact .text{ text-align: left; max-width: calc(100% - 70px); color: #666; font-size: 16px; line-height: 28px; display: inline-block; vertical-align: middle; }
.i_contact .text p{ font-weight: bold; word-wrap: break-word; }



/*公共*/
@keyframes swing{20%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}
.swing{transform-origin:top center;animation-name:swing}
@keyframes bounceInLeft{
	0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
	0%{opacity:0;transform:translate3d(-100px,0,0)}
	90%{transform:translate3d(5px,0,0)}to{transform:none}
}
.bounceInLeft{animation-name:bounceInLeft}
.wbanner{ height: 548px; clear: both; background-size: cover; background-position: center center;}
.m_main{ background: #f6f6f6; }
.path{ height: 75px; line-height: 75px; background: #fff; border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.path .baseWidth{ position: relative; }
.mpath{ max-width: 40%; background: url(../images/icon19.png) left center no-repeat; text-indent: 44px; }
.mpath a{ color: #666; vertical-align: middle;}
.mpath a:hover,.mpath span{ color: #00b0f0; vertical-align: middle; }
.mpath b{ display: inline-block; vertical-align: middle; margin: 0 12px; background: url(../images/icon20.png) center no-repeat; width: 5px; height: 60px; }
.mnav{ width: 60%; position: absolute; right: 0; text-align: right; }
.mnav ul{ float: right; width: calc(100% - 80px); }
.mnav li{ display: inline-block; vertical-align: top; margin: 0 13px; }
.mnav li a{ padding: 0 10px; display: block; box-sizing: border-box; height: 75px; line-height: 73px; }
.mnav li.on a,.mnav li:hover a{ color: #00b0f0;}
.mnav li.on a{ border-bottom: 2px solid #00b0f0; }
.mnav .show_more{ cursor: pointer; float: right; width: 80px; display: inline-block; color: #00b0f0; }
.mnav .show_more i{ display: inline-block; margin-right: 6px; width: 18px; height: 18px; vertical-align: middle; background: url(../images/icon22.png) center no-repeat; }
.path.open{ overflow: visible; }
.path.open .mnav{ text-align: left; background: #fff; border: 2px solid #ccc; box-shadow: 0 0 10px #999; top: -2px; padding: 5px; }
.path.open .mnav ul{ width: 100%; }
.path.open .mnav .show_more{ display: none; }
.pb_same{ padding: 40px 0 50px; }



/*关于我们*/
.m_about .box{ background-repeat: no-repeat; background-position: center; background-size: cover; padding: 75px 0; }
.m_about .box .tit{ line-height: 45px; margin-bottom: 30px; text-align: center; font-size: 30px; color: rgba(0,0,0,.8); }
.m_about .box .tit.white{ color: #fff; }
.m_about .box img{ max-width: 100%; }
.m_abo1{ background-repeat: no-repeat; background-position: right center; }
.m_abo1 .text{ width: 44%; margin-left: 3.3%; padding: 100px 0 ; }
.m_abo1 .text h2{ font-size: 24px; color: #000; position: relative; padding-bottom: 17px; margin-bottom: 25px; }
.m_abo1 .text h2:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 32px; height: 2px; background: #7d7d7d; }
.m_abo1 .text p{ font-size: 16px; color: rgba(0,0,0,.8); line-height: 32px; }
.m_abo2{ background: #fff; }
.m_abo2 li{ width: 25%; float: left; text-align: center; color: rgba(45,45,45,.8); }
/*.m_abo2 li:first-child{ background-repeat: no-repeat; background-position: center; background-size: cover; color: #2d2d2d; text-align: left; height: 420px; padding: 0 30px; box-sizing: border-box; }
.m_abo2 li:first-child h3{ font-size: 30px; margin-bottom: 15px; }
.m_abo2 li:first-child p{ width: 100%; }*/
.m_abo2 li .text,.m_abo2 li .img{ height: 210px; }
.m_abo2 li .text{ padding: 44px 0; box-sizing: border-box; }
.m_abo2 li .img{ background-repeat: no-repeat; background-position: center; background-size: cover; }
.m_abo2 li h3{ font-size: 24px; margin-bottom: 20px; }
.m_abo2 li p{ line-height: 24px; height: 70px; overflow: hidden; width: 85%; margin: 0 auto; }
.m_abo3{ text-align: center; }
.m_abo3 p{ color: #414141; line-height: 25px; max-width: 64.2%; margin: 0 auto 30px; }

/*业务范畴*/
.bus_con{ background: #fff; padding: 36px 3.1% 48px; box-sizing: border-box; }
.bus_con img{ max-width: 100%; height: auto!important; }
.bus_con table{ max-width: 100%; }
.bus_con{ line-height: 30px; color: rgba(0,0,0,.7); }
.bus_con table{ background: #f8fbff; line-height: 24px; }
.bus_con table td{ border: 1px solid #eff1f4; height: 120px; min-width: 120px; padding: 10px 45px; }

/*新闻中心*/
.m_ntop{ box-sizing: border-box; background: #fff; padding: 40px 20px 22px; }
.m_ntleft{ position: relative; width: 50%; height: 420px; }
.m_ntleft .img_box{ height: 370px; }
.m_ntleft .shadow{ position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; background: #00b0f0; color: #fff; padding: 0 10px; box-sizing: border-box; }
.m_ntright{ width: 44.8%; }
.m_ntright li{ margin-bottom: 28px; }
.m_ntright li:last-child{ margin-bottom: 0; }
.m_ntright .time{ float: left; margin-right: 30px; padding: 14px 0 16px; width: 98px; background: #f6f6f6; }
.m_ntright .time em{ color: rgba(51,51,51,.6); line-height: 32px; font-size: 24px; }
.m_ntright .time p{ color: rgba(51,51,51,.6); line-height: 22px; }
.m_ntright .time p:after{ display: inline-block; content:''; width: 13px; height: 1px; vertical-align: middle; margin-left: 4px; background: #c5c5c5; }
.m_ntright .text{ width: calc(100% - 130px); float: right; }
.m_ntright .text h2{ font-size: 16px; color: #333; margin-bottom: 12px; }
.m_ntright .text p{ line-height: 24px; height: 46px; overflow: hidden; color: rgba(51,51,51,.6); }
.m_ntright li:hover .time{ background: #00b0f0; }
.m_ntright li:hover .time *{ color: #fff; }
.m_ntright .text h2:hover{ color: #00b0f0; }
.m_nbot{ background: #fff; }
.news_list{ padding-bottom: 70px; }
.news_list li{ position: relative; font-size: 0; padding: 33px 20px; box-sizing: border-box; }
.news_list li:before{ content: ''; position: absolute; left: 20px; bottom: 0; width: calc(100% - 40px); height: 1px; background: #e2e2e2; }
.news_list .img_box{ width: 23.6%; height: 180px; float: left; }
.news_list .text{ line-height: 26px; margin-right: 1%; width: 72.1%; float: right; }
.news_list .text h2{ margin: 10px 0 14px; font-size: 18px; }
.news_list .text p{ height: 76px; overflow: hidden; margin-bottom: 22px; font-size: 14px; color: #666; }
.news_list .text span{ font-size: 15.5px; color: #aaa; }
.news_list li:hover{ background: #00b0f0;}
.news_list li:hover *{ color: #fff; }
.news_list li:hover:before{ display: none; }

/*新闻中心详情*/
.new_detail{ background: #fff; padding: 62px 4.6% 50px; box-sizing: border-box; }
.new_detail .info h2{ font-size: 24px; color: #333; margin-bottom: 14px; }
.new_detail .info span{ color: #666; display: block; margin-bottom: 46px; }
.new_detail .text{ color: #737373; line-height: 26px; padding-bottom: 38px; border-bottom: 1px solid #eee; }
.new_detail .text img{ max-width: 100%; height: auto!important; }
.new_detail .text table{ max-width: 100%; }
.mshare_box{ padding: 35px 0 45px; color: #333; font-size: 0; }
.mshare_box span{ vertical-align: middle; font-size: 16px; }
.mshare_box a{ margin: 0 5px; }
.forum_link{position: relative;}
.forum_link .link_box:first-child{ border-top:0; }
.forum_link .link_box{ line-height: 40px; padding: 4px 0; font-size: 16px; }
.forum_link .link_box a,.forum_link .link_box span{ color: #333; }
.forum_link .link_box a:hover{ color: #00b0f0; }
.forum_link .link_box font{ max-width: 60%; }
.forum_link a.link_more{ margin-left: 10px; text-align: center; background: #00b0f0; color: #fff!important; width: 122px; height: 40px; line-height: 40px; }

/*仓库概览*/
.m_ware .box{ text-align: center; float: left; width: 50%; height: 312px; background: #fff; }
.m_ware .text{ display: table; }
.m_ware .text a{ display: table-cell; vertical-align: middle; }
.m_ware .img{ background-repeat: no-repeat; background-position: center; background-size: cover; }
.m_ware li{ position: relative; }
.m_ware li:nth-child(2n) .img{ float: left; }
.m_ware li:nth-child(2n) .text{ float: right; }
.m_ware .text{ font-size: 0; }
.m_ware .text span{ margin-right: 30px; position: relative; display: inline-block; vertical-align: middle; text-align: center; width: 46px; height: 46px; line-height: 46px; color: #fff; font-size: 26px; }
.m_ware .text span:before{ content: '';  width: 0; height: 0; border: 6px solid transparent; font-size: 0; position: absolute; left: 44px; top: 50%; margin-top: -6px; }
.m_ware .text font{ vertical-align: middle; font-size: 26px; color: #585858; }
.m_ware li .text span{ background: #ff794a; }
.m_ware li .text:hover font{ color: #ff794a; }
.m_ware li .text span:before{ border-left: 6px solid #ff794a; }
.m_ware li:nth-child(2n) .text span{ background: #c50505; }
.m_ware li:nth-child(2n) .text:hover font{ color: #c50505; }
.m_ware li:nth-child(2n) .text span:before{ border-left: 6px solid #c50505; }
.m_ware li:nth-child(3n) .text span{ background: #ff4a9f; }
.m_ware li:nth-child(3n) .text:hover font{ color: #ff4a9f; }
.m_ware li:nth-child(3n) .text span:before{ border-left: 6px solid #ff4a9f; }
.m_ware li:nth-child(4n) .text span{ background: #9fc505; }
.m_ware li:nth-child(4n) .text:hover font{ color: #9fc505; }
.m_ware li:nth-child(4n) .text span:before{ border-left: 6px solid #9fc505; }
.m_ware li:nth-child(5n) .text span{ background: #299fe3; }
.m_ware li:nth-child(5n) .text:hover font{ color: #299fe3; }
.m_ware li:nth-child(5n) .text span:before{ border-left: 6px solid #299fe3; }
.m_ware .shadow{ padding: 0 20%; box-sizing: border-box; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.6); height: 47px; line-height: 47px; text-align: center; color: #fff; }
.m_ware .shadow p{ display: none; display: table-cell; vertical-align: middle; }
.m_ware .shadow p font{ display: block; max-height: 178px; overflow: hidden; }
.m_ware .shadow span{ position: static; width: auto; display: inline-block; padding-right: 22px; background: url(../images/icon27.png) right center no-repeat; }
.m_ware .img:hover .shadow{ height: 100%; display: table; }
.m_ware .img:hover .shadow span{ display: none; }
.m_ware .img:hover .shadow p{ line-height: 30px; }

/*客户意见*/
.sug_list li{ margin-bottom: 10px; text-align: center; padding: 30px 3.3% 35px; box-sizing: border-box; width: 32.5%; float: left; margin-right: 1.25%; background: #fff; }
.sug_list li:nth-child(3n){ margin-right: 0; }
.sug_list li .icon{ width: 130px; height: 60px; line-height: 60px; font-size: 0; margin: 0 auto 10px; }
.sug_list li .icon img{ max-width: 100%; max-height: 100%; }
.sug_list li h2{ font-size: 20px; color: #161616; margin-bottom: 36px; }
.sug_list li p{ color: rgba(22,22,22,.7); font-size: 14px; line-height: 30px; height: 148px; overflow: hidden; }
.sug_list li:hover{ box-shadow: 0 0 20px #ccc; }
.sug_list li:hover h2{ color: #00b0f0; }

/*荣誉证书*/
.hon_list li{ overflow: visible; position: relative; width: 33.3%; float: left; }
.hon_list .img{ padding-bottom: 83.5%; position: relative; height: 0; width: 100%; text-align: center; display: inline-block; overflow: hidden; }
.hon_list .img img{ max-width: 77%; max-height: 70%; width: auto; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.hon_list li p{ padding: 0 5%; box-sizing: border-box; height: 36px; line-height: 36px; background: #fff; text-align: center; color: #161616; font-size: 16px; }
.hon_list li:hover p{ color: #00b0f0; }
.hon_list li:hover img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.hon_list li:nth-child(3n):after{ content: ''; position: absolute; display: block; width: 1200px; right: 0; bottom: 36px; height: 58px; background: url(../images/icon34.png) center no-repeat; background-size: contain; }

/*投资者关系*/
.inv_main{ padding: 56px 0; background: #fff; }
.inv_slick{ width: 360px; margin: 0 auto; font-weight: bold; }
.inv_slick li.slick-slide{ cursor: pointer; color: #949494; font-size: 18px; height: 35px; line-height: 35px; text-align: center; }
.inv_slick li.slick-slide.on{ color: #00b0f0; font-size: 30px; }
.inv_slick li.slick-slide:hover{ color: #00b0f0; }
.inv_slick .slick-prev{ left: -20px; width: 10px; height: 15px; margin-top: -7.5px; background: url(../images/icon35.png) center no-repeat; background-size: contain; }
.inv_slick .slick-prev:hover{ background: url(../images/icon35on.png) center no-repeat; background-size: contain; }
.inv_slick .slick-next{ right: -20px; width: 10px; height: 15px; margin-top: -7.5px; background: url(../images/icon36.png) center no-repeat; background-size: contain; }
.inv_slick .slick-next:hover{ background: url(../images/icon36on.png) center no-repeat; background-size: contain; }
.inv_wrap{ padding: 50px 20px 20px; }
.inv_box li{ border-bottom: 1px solid #f0f0f0; padding: 10px 0; line-height: 36px; }
.inv_box li span{ float: left; font-size: 16px; width:calc(100% - 200px); }
.inv_box li span em{ margin-right: 32px; color: #767676; }
.inv_box li span a{ color: #4a4a4a; }
.inv_box li a.fr{ width: 90px; background: #c3c3c3; color: #fff; text-align: center; }
.inv_box li a.fr:hover{ background: #00b0f0; }
.inv_box li span a:hover{ color: #00b0f0; }
.inv_wrap .inv_box{ display: none; opacity: .5; }
.inv_wrap .inv_box:first-child{ display: block; opacity: 1; }

/*联系方式*/
.con_main{ background: #fff; padding: 48px 3.75%; box-sizing: border-box; }
.con_main .title{ font-size: 30px; color: rgba(0,0,0,.8); padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; margin-bottom: 26px; }
.con_wrap{ margin-bottom: 45px; }
.con_wrap .text{ box-sizing: border-box; width: 50%; float: left; }
.con_wrap .text .box{ max-width: 68%; }
.con_wrap .text:nth-child(2n){ border-left: 1px solid #eee; text-align: center; }
.con_wrap h2{ font-weight: bold; font-size: 18px; color: #00b0f0; margin-bottom: 12px; line-height: 30px; }
.con_wrap p{ padding: 10px 0; min-height: 38px; line-height: 38px; }
.con_wrap p img{ vertical-align: middle; margin-right: 20px; }
.con_wrap p span{ min-width: 300px; max-width: calc(100% - 60px); display: inline-block; vertical-align: middle; font-size: 16px; line-height: 27px; color: #000; }
/*#allmap{ width: 100%;width: 1200px; height: 426px; margin: 0 auto; }*/
.BMap_bubble_title .f16{ color: #00b0f0; font-size: 16px; margin-bottom: 5px; }
.BMap_bubble_content .f14{ font-size: 14px; color: #666; }

/*加入我们*/
.join_con{ padding-bottom: 115px; background: #fff; }
.join-main{ border: 1px solid #eee; }
.join-main .list-top{height: 74px; line-height: 74px; background: #eee; font-size: 0; color: #333; padding: 0 2.5%; }
.join-main .list-top div{ font-size: 18px; }
.join-main .td1,.join-main .td2,.join-main .td3,.join-main .td4,.join-main .td5{ text-align: center; width: 20%; padding: 0 5px; box-sizing: border-box; display: inline-block; vertical-align: middle; }
.join-main .list-box ul{width: 100%;}
.join-main .list-box li{width: 100%;}
.join-main .list-box li .top{ cursor: pointer; font-size: 0; color: #666; line-height: 2; padding: 22px 0; margin: 0 2.5%; border-bottom: 1px dotted #ccc;}
.join-main .td1,.join-main .td2,.join-main .td3,.join-main .td4,.join-main .td5{ font-size: 16px; }
.join-main .td1{ text-align: left; }
.join-main .td5 .icon{ width: 30px; height: 30px; display: inline-block; vertical-align: top; background: url(../images/icon39.png) center no-repeat; background-size: contain; }
.join-main .list-box li.on .top{ margin: 0; background: #00b0f0; border-bottom: none; padding: 22px 2.5%; }
.join-main .list-box li.on .top div{ color: #fff!important; }
.join-main .list-box li.on .td5 .icon{ background: url(../images/icon40.png) center no-repeat; background-size: contain; }
.join-main .list-box li.on{ border-bottom: 1px solid #eee; }
.join-main .list-box li:hover .top div{ color: #00b0f0; }
.join-main .list-box li .bot{position: relative; padding: 30px 2.5% 40px; width: 68.4%; display: none;}
.join-main .list-box li .bot .info1{ padding-bottom: 16px;}
.join-main .list-box li .bot .info1 span{float: left; font-size: 15px; color: #666; line-height: 36px; min-width: 24%; margin-right: 1%; }
.join-main .list-box li .bot .info2 h3{ padding-left: 10px; border-left: 2px solid #00b0f0; font-size: 18px; color: #333; line-height: 17px; margin: 15px 0; }
.join-main .list-box li .bot .info2 p{ font-size: 16px; color: #666; line-height: 36px;}
.join-main .list-box li .bot .info2 .box{width: 100%; margin-bottom: 18px; }
.join-main .list-box li .bot .info2 .info-box{ border-top: 1px solid #eee; padding-top: 15px; }
.join-main .list-box li .bot .info3{ margin-top: 22px; }
.join-main .list-box li .bot .info3 .apply{ width: 195px; height: 45px; line-height: 45px; border: 1px solid #00b0f0; background: #00b0f0; font-size: 14px; color: #fff; float: left; text-align: center;}
.join-main .list-box li .bot .info3 .apply:hover{ font-size: 16px; color: #00b0f0; border: 1px solid #00b0f0; background: none; }
.join-main .list-box li .bot .info3 .all{float: right; font-size: 14px; color: #666; height: 21px; line-height: 21px; padding-left: 30px; background: url("../images/all_ico.png") no-repeat 0 center;}
.join-main .list-box li:last-child .top{ border-bottom: none; }

/*客户留言*/
.msg_con{ background: #fff url(../images/bg4.png) right top no-repeat; padding: 50px 2.5% 50px; box-sizing: border-box; border: 1px solid #ececec; }
.msg_con .title{ font-size: 30px; color: rgba(0,0,0,.8); margin-bottom: 30px; }
.msg_con form{ width: 50%; }
.msg_con form .item{ margin-bottom: 22px; }
.msg_con form .item:last-child{ margin-bottom: 0; }
.msg_con form .item .tit{ color: #ff0000; margin-left: 20px; width: 14px; font-size: 14px; text-align: center; display: inline-block; vertical-align: middle; }
.msg_con form input[type="text"]{ width: 510px; max-width: 100%; background: #ececec; border: 1px solid #fafafa; height: 50px; line-height: 48px; padding: 0 20px; box-sizing: border-box; }
.msg_con form textarea{ max-width: 100%; display: inline-block; vertical-align: middle; margin: 10px 0; background: #ececec; border: 1px solid #fafafa; padding: 20px; width: 510px; height: 140px; box-sizing: border-box; }
.msg_con form .msg_sub{ cursor: pointer; background: #00b0f0; color: #fff; font-size: 18px; text-align: center; width: 158px; height: 54px; border: none; }
.msg_con form .msg_sub:hover{ box-shadow: 3px 3px 0 #999; }










@media screen and (max-width: 1820px){
.main .baseWidth,.footer .baseWidth,.header .baseWidth{ width: 94%; margin: 0 3%;}
.i_sbot .slick-prev{ left: 0; }
.i_sbot .slick-next{ right: 0; }

}



@media screen and (max-width: 1600px){
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 700px; }
.nav li{ margin: 0 16px; font-size: 15px; }
.nav li > a{ border-bottom: 2px solid transparent; line-height: 43px; }
.i_about{ padding: 80px 0; }
.i_sbot li.slick-slide{ height: 500px; }
.fnav li{ width: 14.28%; }
.f_rbox h3{ font-size: 20px; }

}


@media screen and (max-width: 1400px){
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 600px; }
.banner .slick-dots{ bottom: 20px; }
.wbanner{ height: 500px; }
.header{ height: 80px; line-height: 80px; }
.header .logo{ width: 20%; height: 40px; }
.nav li{ height: 80px; padding: 17.5px 0; }
.nav li dl{ top: 62.5px; }
.header.white .nav li > a{ height: 80px; line-height: 78px; }
.header.white .nav li dl{ top: 80px; }
.fnav li > a{ font-size: 16px; }
.fnav dd a{ font-size: 12px; }
.i_about{ padding: 60px 0; }
.i_sbot li.slick-slide{ height: 400px; }
.i_sbot li.slick-slide .box,.i_honor .text p{ max-width: 80%; }
.i_sbot li.slick-slide h2{ font-size: 20px; }
.i_sbot li.slick-slide p{ margin-top: 15px; }
.i_sbot li.slick-slide .box .icon{ width: 40px; height: 30px; margin: 0 auto 10px; }
.i_sbot li.slick-slide .more{ margin: 20px auto 0; }
.i_honor .text{ padding: 60px 0; }
.i_honor .text p{ height: 79px; }
.i_contact .box{ padding: 40px 0; }
.i_honor .text p{ line-height: 24px; height: 70px; }
.i_contact .text{ font-size: 14px; line-height: 24px; }
.i_stop .right p{ font-size: 14px; line-height: 24px; }
.i_about .text p{ font-size: 14px; line-height: 24px; margin-bottom: 30px; }
.i_honor .title{ height: 200px; line-height: 200px; }
.i_about .pic{ height: 380px; }

}

@media screen and (max-width: 1300px){
.nav li{ margin: 0 10px; font-size: 14px; }
.msg_con{ text-align: center; position: relative; }
.msg_con:before{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255,255,255,.4); }
.msg_con form{ width: 100%; position: relative; z-index: 1; }
.msg_con .title{ position: relative; z-index: 1; }

}

@media screen and (max-width: 1220px){
.baseWidth{ width: 94%; margin: 0 3%;}
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 550px; }
.wbanner{ height: 450px; }
.i_contact .img{ width: 40px; height: 40px; margin-right: 15px; }
.i_contact .text{ max-width: calc(100% - 55px); }
.join-main .list-box li .bot .info2 p { line-height: 26px; font-size: 14px;}
.join_con h1{ font-size: 26px; margin-bottom: 20px; }
.join-main .list-box li .bot .info1 span{ line-height: 26px; }
.hon_list li:nth-child(3n):after{ display: none; }
.hon_list li{ margin-bottom: 20px; padding-bottom: 10px; }
.hon_list li .img{ padding-bottom: 55%; }
.hon_list .img img{ max-width: 85%; max-height: 80%; }
.con_wrap p span{ min-width: 0; }
}

@media screen and (min-width: 1151px){
.nav{ display: inline-block!important; }
}

@media screen and (max-width: 1150px){
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 500px; }
.wbanner{ height: 400px; }
.nav-skip{ display: inline-block; }
.header .language{ display: inline-block; }
body{ padding-top: 60px; }
.header{ height: 60px; line-height: 60px; }
.header .logo{ width: 40%; height: 30px; }
.header.white{ background: #fff; }
.nav{ display: none; height: auto; line-height: 1; overflow: auto; position: absolute; top: 60px; background: rgba(255,255,255,0.9); right: 0; width: 33.3%; padding: 10px 0; box-sizing: border-box;}
.nav li,.header.white .nav li{ height: auto; margin: 0; display: block; width: 100%; padding: 0 30px 0 20px; min-height: 45px; line-height: 45px; box-sizing: border-box;}
.nav li.hase{ background: url(../images/nav1.png) 97% 21px no-repeat; background-size: 10px; }
.nav li > a,.header.white .nav li > a{ font-size: 16px; height: auto; line-height: 45px; border-bottom: none; display: block; padding: 0; }
.s_nav{ box-shadow: none; min-width: 0; display: none; padding: 0; position: static; margin: 0!important; background: none; border-top: none; }
.s_nav .nav_pic{ display: none; }
.nav li dl,.header.white .nav li dl{ border: none; min-width: 0; display: none; padding: 0; position: static; margin: 0!important; background: none; border-top: none; width:auto; height: auto; float: none; position: static; }
.nav li dl dd{ height: auto!important; margin: 0; float: none; width: 100%; text-align: left; }
.nav li dl dd > a{ font-weight: normal; border-bottom: none; line-height: 30px; background: url(../images/nav2.png) 5px center no-repeat; background-size: 5px; border: none; padding: 0 18px; width: 100%; box-sizing: border-box;}
.nav li dl .baseWidth{ width: 100%; }
.nav li a:hover{ color: #0d6e3d; }
.lang{ display: none; }
.fnav{ display: none; }
.nav{ display: none; }
.f_rbox{ width: 100%; border: none; padding-bottom: 0; text-align: center; }
.f_rbox h3{ margin-bottom: 10px; }
.footer .bottom{ text-align: center; }
.f_rbox p{ margin-top: 0; margin-bottom: 5px; }
.footer .top{ padding: 20px 0; line-height: 1.3; }
.path{ height: auto; line-height: 1.3; }
.mpath{ padding: 5px 0; max-width: 100%; width: 100%; height: 35px; line-height: 35px; background-size: 15px; text-indent: 25px; }
.mpath b{ height: 35px; }
.mnav{ clear: both; position: static; float: none; width: 100%; text-align: left; }
.mnav .show_more{ display: none!important; }
.mnav ul{ width: 100%; float: none; }
.mnav li a{ text-align: center; height: 47px; line-height: 45px; padding: 0; }
.mnav .slick-prev{ left: -3%; width: 3%; height: 40px; margin-top: -20px; background: url(../images/left.png) center no-repeat; background-size: 10px; }
.mnav .slick-next{ right: -3%; width: 3%; height: 40px; margin-top: -20px; background: url(../images/right.png) center no-repeat; background-size: 10px; }
.i_about{ padding: 40px 0; }
.i_about .pic{ width: 40%; height: 200px; margin: 0 5%; }
.i_about .text{ width: 46%; margin-left: 4%; }
.i_stop .left{ width: 20%; margin-left: 5%; margin-right: 0; }
.i_stop .right{ width: 60%; margin-left: 5%; margin-right: 0; }
.i_sbot li.slick-slide{ height: 320px; }
.i_honor .title{ background: none; height: auto; line-height: 1; }
.i_about .text h2,.i_stop h2,.i_honor .title h2{ font-size: 40px; line-height: 46px; }
.i_about .text h3,.i_stop h3,.i_honor .title h3{ font-size: 20px; margin-bottom: 10px;padding-bottom: 0; }
.i_about .text h3:after,.i_stop h3:after,.i_honor .title h3:after{ display: none; }
.i_honor .text p{ margin: 30px auto 0; }
.i_contact .box{ width: 25%; min-width: 0; max-width: 100%; }
.i_honor .more{ width: 120px; height: 42px; line-height: 40px; font-size: 16px; }
.i_sbot li.slick-slide{ height: 320px; margin: 0 5px; }
.i_sbot .slick-dots{ bottom: -30px }
.i_honor .text{ width: calc(66.6% - 5px); margin-left: calc(33.4% + 5px);}
.i_honor .text{ padding: 40px 0; }
.i_stop{ padding: 30px 0; }
.i_service{ position: relative; padding-bottom: 50px; margin-bottom: 40px; }
.i_service:before{ content: ''; position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,.1); }
.i_service .baseWidth{ position: relative; z-index: 1; }
.i_sbot li.slick-slide .box,.i_honor .text p{ max-width: 90%; }
.join_top .box:nth-child(2n+1){padding-right: 3%;}
.join_top .box:nth-child(2n){ padding-left: 3%; }
.join_mid li{width: calc((100% - 61px)/4); margin-right: 20px; }
.join-main .list-top{ height: 50px; line-height: 50px; padding: 0; }
.join-main .list-box li .top{ padding: 10px 0; margin: 0; }
.join-main .list-box li .bot{ padding: 40px 3.5%; box-sizing: border-box; }
.join-main .td1{ text-align: center; }
.join-main .list-box li .bot .info2 h3{ font-size: 16px; }
.join-main .list-box li .bot i{ left: calc(8.4% + 18px); }
.join-main .list-box li .bot .info2 .box{ margin-bottom: 10px; }
.join-main .list-top div{ font-size: 16px; }
.join-main .td1, .join-main .td2, .join-main .td3, .join-main .td4{ font-size: 15px; }
.join-main .list-box li .bot{ width: 100%; }
.join-main .list-box li .bot .info1 span,.join-main .list-box li .bot .info2 p{ font-size: 14px; }
.join-main .list-box li.on .top{ padding: 10px 0; }
.join_con{ padding-bottom: 0; }
.join-main .td5 .icon{ width: 20px; height: 20px; vertical-align: middle; }
.join-main .list-box li .bot{ padding: 30px 3%; }
.sug_list li{ padding: 20px 3% 30px; }
.sug_list li h2{ margin-bottom: 20px; }
.sug_list li p{ line-height: 25px; height: 123px; }
.new_detail{ padding: 40px 3.5%; }
.new_detail .info span{ margin-bottom: 25px; }
.forum_link .link_box{ padding: 0; }
.mshare_box{ padding: 20px 0; }
.inv_main{ padding: 40px 0; }
.news_list li{ padding: 20px 3%; }
.news_list li:before{ width: 94%; left: 3%; }
.m_ntright li{ margin-bottom: 15px; }
.m_ntleft{ height: 380px; }
.m_ntright{ width: 48%; }
.m_ntright .text h2{ margin: 6px 0; }
.m_ntright .time{ margin-right: 0; }
.m_ntright .text{ width: calc(100% - 110px); }
.news_list .text{ width: 64%; }
.news_list .img_box{ height: 150px; width: 32%; }
.news_list .text h2{ margin: 0 0 10px; }
.news_list .text p{ margin-bottom: 10px; }
.news_list .text span{ font-size: 14px; }
.m_about .box{ padding: 40px 0; }
.m_about .box .tit{ font-size: 26px; line-height: 1.3; margin-bottom: 20px; }
.m_abo1 .text{ width: 60%; margin-left: 0; padding: 40px 3%; background: rgba(255,255,255,.8); }
.m_abo1 .text h2{ padding-bottom: 10px; margin-bottom: 15px; }
.m_abo2 li .text{ padding: 30px 0; }
.m_abo2 li p{ height: 94px; }
.con_wrap .text .box{ width: 100%; max-width: 100%; padding: 0 8%; box-sizing: border-box; }
.con_main{ padding: 40px 3%; }
.con_main .title{ font-size: 26px; }
.m_ware .box{ height: 275px; }
} 

@media screen and (max-width: 1024px){
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 450px; }


}

@media screen and (max-width: 900px){
.i_contact .box{width: 50%; height: 100px; line-height: 100px; text-align: left; padding: 0 20px; box-sizing: border-box; }
.i_honor .text{ padding: 30px 0; }
.i_honor .text p{ margin: 20px auto 25px; height: auto; }
.i_honor .text .more{ margin-top: 0; }
.wbanner{ height: 350px; }
.join-main .list-box li .bot .info3 .apply{ width: 120px; height: 35px; line-height: 35px; }
.join-main .list-box li .bot .info3{ margin-top: 10px; }
.hon_list li,.hon_list li:nth-child(3n){ width: 49%; margin-right: 2%; background: #fff; }
.hon_list li:nth-child(2n){ margin-right: 0; }
.msg_con{ background: #fff url(../images/bg4.png) left top no-repeat; }
.new_detail .info h2{ font-size: 20px; }
/*.m_abo2 li:first-child h3{ font-size: 24px; }*/
.m_ware .box{ height: 200px; }
.m_ware .img:hover .shadow p{ line-height: 24px; }
.m_ware .shadow{ padding: 0 10%; }
.m_ware .shadow p font{ max-height: 142px; }
.m_ware .text span{ width: 40px; height: 40px; line-height: 40px; margin-right: 20px; font-size: 20px; }
.m_ware .text span:before{ left: 40px; }
.m_ware .text font{ font-size: 22px; }


}

@media screen and (max-width: 768px){
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 400px; }
.wbanner{ height: 300px; }
.nav{ width: 50%; }
.i_about .text h2, .i_stop h2, .i_honor .title h2{ font-size: 30px; line-height: 36px; }
.i_about .text h3, .i_stop h3, .i_honor .title h3{ font-size: 18px; }
.i_stop .left,.i_stop .right{ width: 90%; }
.i_about .text p{ height: auto; font-size: 13px; line-height: 22px; margin-bottom: 20px; }
.more{ height: 36px; line-height: 36px; }
.more i{ height: 36px; }
.i_honor .more,.white.more{ height: 36px; line-height: 34px; }
.pb_same{ padding: 30px 0; }
.msg_con{ padding: 30px 2.5%; }
.msg_con .title{ font-size: 24px; margin-bottom: 20px; }
.msg_con form input[type="text"]{ height: 40px; line-height: 38px; }
.msg_con form .item{ margin-bottom: 15px; }
.msg_con form textarea{ margin: 0; height: 120px; }
.msg_con form .msg_sub{ height: 40px; line-height: 40px; width: 120px; font-size: 16px; }
.msg_con form input[type="text"]{ padding: 0 2%; }
.msg_con form textarea{ padding: 8px 2%; }
.mnav li a{ font-size: 13px; }
.mnav li{ margin: 0 5px; }
.mnav li a{ height: 37px; line-height: 35px; }
.mpath{ font-size: 13px; }
.mpath b{ margin: 0 8px; }
.join-main .list-box li .bot .info1 span{ min-width: 30%; }
.sug_list li,.sug_list li:nth-child(3n){ width: 49%; margin-right: 0; }
.sug_list li:nth-child(2n+1){ margin-right: 2%; }
.sug_list li h2{ margin-bottom: 15px; }
.sug_list li p{ line-height: 22px; height: 86px; }
.bus_con{ padding: 30px 3%; }
.bus_con{ line-height: 24px; }
.bus_con table td{ padding: 10px; }
.new_detail .text{ line-height: 24px; }
.new_detail{ padding: 30px 3%; }
.inv_box li{ line-height: 26px; padding: 10px 0; }
.inv_box li span{ font-size: 14px; }
.inv_wrap{ padding: 20px; }
.inv_main{ padding: 30px 0; }
.inv_box li span{ width: calc(100% - 100px); }
.m_ntleft{ height: 310px; }
.m_ntleft .img_box{ height: 260px; }
.m_ntright .time{ padding: 10px 0; width: 70px; }
.m_ntright .time em{ line-height: 24px; font-size: 20px; }
.m_ntright .text{ width: calc(100% - 80px); }
.m_ntright .text h2{ margin: 0 0 5px; }
.m_ntright .text p{ line-height: 20px; height: 38px; font-size: 12px; }
.news_list .img_box{ height: 120px; width: 30%; }
.news_list .text p{ line-height: 22px; font-size: 14px; height: 42px; }
.news_list .text{ width: 66%; }
.m_ntop{ padding: 30px 3%; }
.m_abo1 .text p{ font-size: 14px; line-height: 24px; }
.m_abo2 li{ width: 50%; }
/*.m_abo2 li:first-child{ height: 320px; }*/
.m_abo2 li .text, .m_abo2 li .img{ height: 160px; }
.m_abo2 li h3{ font-size: 20px; margin-bottom: 10px; }
.m_abo2 li p{ line-height: 20px; height: 78px; }
.m_abo2 li .text{ padding: 20px 0; }
.m_abo3 p{ max-width: 80%; }
.m_about .box{ padding: 30px 0; }
.con_wrap .text,.con_wrap .text:nth-child(2n){ width: 100%; border: none; }
.con_main .title{ margin-bottom: 0; }
.con_wrap .text .box{ padding: 10px 0; }
.con_wrap h2{ font-size: 16px; margin-bottom: 0; }
.con_wrap p img{ width: 25px; height: 25px; margin-right: 10px; }
.con_wrap p{ padding: 0; min-height: 0; line-height: 38px; }
.con_wrap{ margin-bottom: 20px; }
/*#allmap{ height: 300px; }*/
.con_main{ padding: 30px 3%; }
}

@media screen and (min-width: 701px){
}

@media screen and (max-width: 700px){
.i_contact .box{ height: 90px; line-height: 90px; }
.i_contact .text{ font-size: 13px; line-height: 20px; }
.wbanner{ height: 250px; }

}

@media screen and (max-width: 600px){
body{ padding-top: 50px; }
.header{ height: 50px; line-height: 50px; }
.nav{ top: 50px; }
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 300px; }
.wbanner{ height: 220px; }
.i_about.baseWidth,.i_service .baseWidth{ width: 88%; margin: 0 6%; }
.i_about .text{ width: 100%; margin: 0; }
.i_about .pic{ width: 100%; margin: 20px auto 0; height: 0; padding-bottom: 36%; }
.i_stop .left,.i_stop .right{ width: 100%; margin: 0; }
.i_honor .img{ background-size: cover; }
.i_honor .text{ background: rgba(0,78,162,.8); width: 100%; margin: 0; }
.i_sbot li.slick-slide p{ line-height: 20px; font-size: 13px; height: 78px; }
.i_stop .right p,.i_honor .text p{ font-size: 13px; line-height: 20px; height: auto; }
.i_sbot li.slick-slide .box .icon{ width: 30px; height: 20px; }
.i_sbot li.slick-slide h2{ font-size: 16px; }
.i_sbot li.slick-slide{ height: 200px; }
.i_sbot li.slick-slide p{ font-size: 12px; margin-top: 10px; line-height: 18px; height: 52px; }
.more{ height: 30px; line-height: 30px; font-size: 12px; width: 100px; }
.more i{ height: 30px; background-size: 4px; }
.i_honor .more,.white.more{ height: 30px; line-height: 28px; font-size: 12px; }
.i_sbot li.slick-slide .more{ margin: 10px auto 0; }
.i_about .text p{ font-size: 12px; line-height: 18px; margin-bottom: 10px; }
.i_stop{ padding: 30px 0 20px; }
.i_service{ margin-bottom: 30px; }
.i_about{ padding: 30px 0; }
.i_stop .right p, .i_honor .text p{ font-size: 12px; line-height: 18px; }
.i_honor .text p{ margin: 0 auto 15px; }
.i_about .text h2, .i_stop h2, .i_honor .title h2{ font-size: 24px; line-height: 1.3; }
.i_about .text h3, .i_stop h3, .i_honor .title h3{ font-size: 16px; }
.footer .top{ line-height: 1; padding: 15px 0; }
.footer .bottom{ line-height: 18px; padding: 10px 0; }
.pb_same{ padding: 20px 0; }
.msg_con{ padding: 20px 2.5%; }
.msg_con .title{ font-size: 18px; margin-bottom: 12px; }
.msg_con form .item{ margin-bottom: 10px; }
.msg_con form input[type="text"]{ width: calc(100% - 20px); height: 35px; line-height: normal; }
.msg_con form .item .tit{ margin-left: 0; width: 20px; }
.msg_con form textarea{ width: calc(100% - 20px); }
.msg_con form .msg_sub{ font-size: 14px; height: 35px; line-height: 35px; }
.mnav li a{ font-size: 12px; display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.mpath{ font-size: 12px; padding: 0; }
.join_top .box{ width: 100%; padding: 0!important; margin: 10px 0; }
.join_mid li{ width: calc((100% - 20px) /2); }
.join_mid li:nth-child(2n){margin-right: 0;}
.join-main .td1, .join-main .td2, .join-main .td3, .join-main .td4, .join-main .td5{ font-size: 12px!important; }
.join-main .list-box li .top{ line-height: 16px; padding: 10px 0; font-size: 0; }
.join-main .list-box li .bot{ padding: 10px 3% 20px; }
.join-main .list-box li .bot .info2 h3{ font-size: 14px; line-height: 20px; margin: 8px 0; }
.join-main .list-box li .bot .info1{ padding-bottom: 0; }
.join-main .list-top{height: 40px;line-height: 40px;}
.join-main .list-box li .bot .info3 .apply{ width: 120px; height: 35px; line-height: 35px; font-size: 14px; }
.join-main .list-box li .bot .info3 .apply:hover{ font-size: 15px; }
.join-main .list-box li .bot .info2 p,.join-main .list-box li .bot .info1 span{ line-height: 20px; font-size: 13px; height: auto; }
.join-main .list-box li .bot .info3{ margin-top: 0; } 
.join-main .list-box li .bot .info3 .apply{ height: 30px; line-height: 30px; }
.join_con h1{ font-size: 18px; margin-bottom: 10px; }
.hon_list li{ width: 100%!important; margin-right: 0!important; }
.hon_list li p{ height: auto; line-height: 22px; font-size: 14px; }
.sug_list li p{ font-size: 12px; }
.sug_list li .icon{ width: 100px; height: 50px; }
.sug_list li h2{ font-size: 16px; margin-bottom: 10px; }
.bus_con{ line-height: 22px; }
.bus_con table{ line-height: 20px; }
.bus_con table td{ height: auto; min-width: 100px; }
.forum_link .link_box{ line-height: 30px; font-size: 14px; }
.forum_link a.link_more{ width: 100px; height: 30px; line-height: 30px; }
.forum_link .link_box font{ max-width: calc(100% - 120px); }
.new_detail .text{ line-height: 22px; }
.mshare_box{ padding: 10px 0; }
.mshare_box span{ font-size: 14px; }
.new_detail .info h2{ font-size: 18px; margin: 5px 0; }
.new_detail .text{ padding-bottom: 20px; }
.new_detail .info span{ margin-bottom: 15px; }
.new_detail,.bus_con{ padding: 20px 3%; }
.inv_slick{ width: 90%; }
.inv_slick .slick-prev{ left: -10px; }
.inv_slick .slick-next{ right: -10px; }
.inv_slick li.slick-slide{ font-size: 16px; }
.inv_slick li.slick-slide.on{ font-size: 24px; }
.inv_wrap{ padding: 10px 3%; }
.inv_main{ padding: 20px 0; }
.inv_box li span em{ margin-right: 15px; font-size: 12px; }
.m_ntop{ padding: 20px 3% 0; }
.m_ntleft{ width: 100%; height: auto; margin-bottom: 10px; }
.m_ntleft .img_box{ height: 0; padding-bottom: 50%; }
.m_ntleft .shadow{ height: 35px; line-height: 35px; font-size: 14px; position: relative; }
.m_ntright .text h2{ font-size: 14px; }
.m_ntright{ width: 100%; }
.m_abo1 .text{ width: 100%; box-sizing: border-box; }
.m_about .box{ padding: 20px 0; }
.m_about .m_abo1{ background-position: left center; }
.m_about .box .tit{ font-size: 24px; margin-bottom: 10px; }
.m_abo1 .text h2{ font-size: 18px; margin-bottom: 10px; padding-bottom: 5px; }
.m_abo2 li{ width: 100%; }
.m_abo2 li .text, .m_abo2 li .img{ width: 50%; float: left; }
/*.m_abo2 li:first-child{ height: auto; background-position: left top; }
.m_abo2 li:first-child p{ height: auto; }
.m_abo2 li:first-child h3{ font-size: 20px; margin-bottom: 10px; }
.m_abo2 li:first-child .text{ height: auto; width: 100%; }*/
.m_abo3 p{ line-height: 22px; }
.m_abo2 li p{ font-size: 12px; }
.m_abo2 li h3{ font-size: 18px; }
.con_wrap p span{ font-size: 14px; line-height: 20px; }
.con_main{ padding: 20px 3%; }
.con_main .title{ font-size: 24px; }
.con_wrap h2{ line-height: 1.3; margin: 10px 0 5px; }
.con_wrap .text .box{ padding: 10px 0 0; }
}

@media screen and (max-width: 500px){
.banner, .banner-wrap, .banner-wrap .banner-bg{ height: 200px; }
.banner .slick-dots{ bottom: 5px; }
.wbanner{ height: 160px; }
.nav{ width: 100%; }
.i_contact{ padding: 10px 0; }
.i_contact .text{ font-size: 12px; }
.i_contact .img{ width: 30px; height: 30px; margin-right: 10px; }
.i_contact .text{ width: calc(100% - 40px); }
.i_contact .box{ width: 100%; height: auto; line-height: 1; padding: 10px 0 10px 3%; }
.join-main .list-box li .bot .info2 p, .join-main .list-box li .bot .info1 span{ font-size: 12px; }
.join-main .td1{ width: 25%; }
.join-main .td5{ width: 15%; }
.join-main .td1, .join-main .td2, .join-main .td3, .join-main .td4, .join-main .td5{ padding: 0 10px; }
.sug_list li{ width: 100%!important; margin-right: 0!important; }
.sug_list li p{ height: auto; line-height: 18px; }
.forum_link .link_box{ line-height: 24px; height: 24px; font-size: 12px; }
.forum_link .link_box font{ max-width: 100%; width: 100%; display: block; }
.forum_link a.link_more{ margin-top: 8px; }
.mshare_box span{ font-size: 12px; }
.inv_box li{ padding: 8px 0; }
.inv_box li span{ font-size: 12px; width: calc(100% - 68px); }
.inv_box li span em{ margin-right: 10px; }
.inv_box li a.fr{ font-size: 12px; width: 64px; }
.inv_slick li.slick-slide.on{ font-size: 20px; }
.news_list li{ padding: 15px 3%; }
.news_list .img_box{ width: 100%; height: 0; padding-bottom: 65%; }
.news_list .text{ width: 100%; margin: 10px 0 0; line-height: 1.1; }
.news_list .text p{ font-size: 12px; line-height: 18px; height: auto; margin-bottom: 8px; }
.news_list .text h2{ font-size: 16px; margin-bottom: 8px; }
.m_ware .box{ float: none; height: auto; width: 100%; background: none; text-align: left; margin-bottom: 16px; } 
.m_ware .img{ width: 100%; height: 160px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.m_ware .shadow{ height: 35px; line-height: 35px; }
.m_ware .img:hover .shadow p{ line-height: 20px; font-size: 12px; }
.m_ware .shadow p font{ max-height: 118px; }
.m_ware .text{ margin-bottom: 8px; }
.m_ware .text span{ width: 25px; height: 25px; line-height: 25px; font-size: 16px; margin-right: 10px; }
.m_ware .text span:before{ left: 23px; }
.m_ware .text font{ font-size: 18px; }
}

@media screen and (max-width: 370px){
.wbanner{ height: 140px; }
.join-main .td1, .join-main .td2, .join-main .td3, .join-main .td4, .join-main .td5{ padding: 0 5px; }
}











/**流程**/


.content3 {
	/*background: url(../images/web2_bg.jpg) no-repeat center center;*/
	background-size: cover;
	background-attachment: fixed;
	padding: 10px 0;
	width: 100%;
	float: left;
	position: relative;
	background-color:#fff;
}

.am-container {
	width: 1600px;
	max-width: 1600px;
    padding: 0;
	margin:0 auto;
}

.slide_pic_1 {
	width: 100%;
	float: left;
	margin-top: 48px;
}

.slide_pic_1 .li_hp {
	width: 100%;
	text-align: center;
	list-style:none;
}

.slide_pic_1 .li_hp .ico {
	width: 100%;
	height: 90px;
	text-align: center;
}

.slide_pic_1 .li_hp .ico img {
	height: 77%;
	display: inline-block;
	*zoom: 1;
	*display: inline;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.slide_pic_1 .brand_lc_li {
	width: 14%;
	float: left;
}

.slide_pic_1 .li_hp .bian {
	width: 100%;
	float: left;
	margin-top: 13px;
}

.slide_pic_1 .li_hp .title {
	width: 100%;
	float: left;
	margin-top: 17px;
}

.slide_pic_1 .li_hp .title h4 {
	width: 100%;
	float: left;
	font-size: 20px;
	font-weight: 400;
	/*color: white;*/
	line-height: 28px;
}

.slide_pic_1 .li_hp .title h6 {
	width: 100%;
	float: left;
	font-size: 12px;
	margin: 0;
	/*color: white;*/
	font-weight: 300;
	line-height: 20px;
	font-family: Arial;
}

.slide_pic_1 .li_hp:hover .ico img {
	transform: rotateY(180deg);
}

.slide_pic_1 .slick-dots {
	position: absolute;
	bottom: -40px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow: hidden;
}

.slide_pic_1 .slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 6px;
	padding: 0;
	cursor: pointer;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	background: white;
	opacity: 0.55;
}

.slide_pic_1 .slick-dots li.slick-active {
	opacity: 1;
	background: #fff;
}





/*工具栏*/
.introdu {
	width: 100%;
	height: 95px;
	
	_background: #eaeaea;
	background:rgba(234,234,234,0.5);
	min-width: 1260px;
}
.introdu-box {
	width: 1260px;
	height: 95px;
	margin: 0px auto;
}
.introdu-box .introdu-w {
	width: 205px;
	height: 95px;
	float: left;
	border-right: 1px solid #cdcdcd;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.introdu-box .introdu-now {
	background: #f3f3f3!important;
}
.introdu-box .introdu-w i {
	width: 40px;
	height: 40px;
	display: inline-block;
	float: left;
}
.introdu-box .search i {
	background: url(../images/png.png) no-repeat -78px -18px;
	margin: 30px 2px 0px 5px;
}
.introdu-box .track i {
	background: url(../images/png.png) no-repeat -142px -18px;
	margin: 30px 2px 0px 35px;
}
.introdu-box .price i {
	background: url(../images/png.png) no-repeat -205px -18px;
	margin: 30px 2px 0px 35px;
}
.introdu-box .tiji i {
	background: url(../images/png.png) no-repeat -270px -18px;
	margin: 30px 2px 0px 35px;
}
.introdu-box .ziti i {
	background: url(../images/png.png) no-repeat -333px -18px;
	margin: 30px 2px 0px 35px;
}
.introdu-box .cangku i {
	background: url(../images/png.png) no-repeat -396px -18px;
	margin: 30px 2px 0px 35px;
}
.introdu-box .introdu-w span {
	font-size: 16px;
	line-height: 95px;
	display: inline-block;
	float: left
}
.introdu-box .introdu-border-none {
	border-right: none;
}
.search-p,
.track-p {
	position: absolute;
	width: 350px;
	height: 180px;
	padding: 25px 25px 15px 25px;
	left: 0;
	bottom: 95px;    z-index: 9999;
	background-color: white;
}
.triangle_border_down {
    width:0;
    height:0;
    border-width:15px 15px 0;
    border-style:solid;
    border-color:#FFF transparent transparent;/*鐏� 閫忔槑 閫忔槑 */
    margin:0px auto;
	position: absolute;
    bottom: -15px;
    left: 85px;
	z-index: 2;
}
.search-p form .billstxt,
.track-p form .billstxt {
	width: 278px;
	height: 55px;
	border: 1px solid #dedede;
	padding: 10px;
}
.search-p form input,
.track-p form input {
	width: 300px;
	height: 45px;
	background: #00b0f0;
	border: 0;
	color: white;
	margin-top: 15px;
	cursor: pointer;
}
.search-p form input:hover,
.track-p form input:hover {
	background: #e0620d;
}
.price-p  {
	position: absolute;
	width: 400px;
	height: 320px;
	padding: 15px 15px 15px 15px;
	left: 0;
	bottom: 95px;
	background-color: white;z-index: 999;
}
.price-p .form-box {
}
.price-p .form-box dl {
	width: 340px;
	height: 40px;
	margin-bottom: 10px;
}
.price-p .form-box dl dd {
	float: left;
	font-size: 16px;
	line-height: 37px;
	width: 75px;
	text-align: left;
}
.price-p .form-box dl dt {
	float: left;
}
.price-p .form-box dl dt .select {
	width: 230px;
	height: 35px;
	border: 1px solid #dedede;
	display: inline-block;
	line-height: 35px;
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
}
.price-p .form-box dl dt .select1 {
	width: 85px;
	height: 35px;
	border: 1px solid #dedede;
	display: inline-block;
	line-height: 35px;
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
}
.price-p .form-box dl dt .select b,
.price-p .form-box dl dt .select1 b {
	width: 9px;
	height: 6px;
	display: inline-block;
	background: url(../images/png.png) no-repeat -451px -35px;
	float: right;
	margin: 15px 12px 15px 0px;
}
.price-p .form-box dl dt .option {
	width: 240px;
	height: 95px;
	border: 1px solid #dedede;
	margin-top: -1px;
	padding-top: 6px;
	background: #fff;
	z-index: 3;
}
.price-p .form-box dl dt .option3 {
	position: absolute;
	bottom: 16px;
}
.price-p .form-box dl dt .option2 {
	position: absolute;
	bottom: -34px;
}
.price-p .form-box dl dt .option a {
	display: inline-block;
	width: 240px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}
.price-p .form-box dl dt .option1 {
	width: 95px;
	height: 70px;
	border: 1px solid #dedede;
	padding-top: 6px;
	background: #fff;
	z-index: 3;
	position: absolute;
	bottom: -59px;
}
.price-p .form-box dl dt .option1 a {
	display: inline-block;
	width: 110px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}
.price-p .form-box dl dt .option a:hover,
.price-p .form-box dl dt .option1 a:hover {
/*	background: #f2f2f2;*/
	text-decoration: none;
}
.price-p .form-box dl strong {
	line-height: 37px;
	float: left;
	font-size: 15px;
	display: inline-block;
	font-weight: normal;
	padding-left: 10px;
}
.price-p .form-box dl input.inputxt2 {
	width: 60px;
	height: 35px;
	float: left;
	border: 1px solid #dedede;
	text-align: center;
	font-size: 16px;
}
.price-p .form-box .ck-btn {
	width: 243px;
	height: 45px;
	position: absolute;
	left: 100px;
	bottom: 17px;
	border: 0;
	background: #00b0f0;
	color: white;
	font-size: 16px;
	cursor: pointer;
}
.price-p .form-box .btn:hover,

.price-p .form-box dl dt .chang {
	width: 69px;
	height: 35px;
	float: left;
	border: 1px solid #dedede;
	margin-right: 15px;
}
.price-p .form-box dl dt .chang:nth-child(3) {
	margin-right: 0;
}
.price-p .form-box dl dt .chang input {
	width: 40px;
	height: 35px;
	border: 0;
	float: left;
	font-size: 13px;
}
.price-p .form-box dl dt .chang span {
	float: left;
	line-height: 35px;
	font-size: 13px;
}
.tiji-p {
	position: absolute;
	width: 462px;
	height: 160px;
	padding: 25px 25px 15px 25px;
	left: -200px;
	bottom: 95px;
	background-color: white;z-index: 999;
}
.tiji-p .ckgao {
	width: 462px;
	height: 35px;
	margin-bottom: 20px;
}
.tiji-p .ckgao dd {
	width: 70px;
	float: left;
	font-size: 14px;
	color: #333;
	line-height: 35px;
}
.tiji-p .ckgao dt {
	float: left;
}
.tiji-p .ckgao .kuan {
	width: 118px;
	height: 35px;
	float: left;
	border: 1px solid #dedede;
	margin-right: 15px;
}
.tiji-p .ckgao .kuan:nth-child(3) {
	margin-right: 0;
}
.tiji-p .ckgao .kuan input {
	width: 88px;
	height: 35px;
	border: 0;
	float: left;
	font-size: 13px;
}
.ck-but {
	width: 460px;
	height:  38px;
}
.ck-but .cangk .font-wz {
	width: 70px;
	height: 38px;
	float: left;
	font-size: 13px;
	color: #333;
	line-height: 38px;
}
.ck-but .cangk .cangk-menu {
	width: 162px;
	height: 35px;
	float: left;
	border: 1px solid #dedede;
	margin-right: 15px;
	position: relative;
}
.ck-but .cangk .cangk-menu span {
	font-size: 13px;
	float: left;
	line-height: 35px;
	padding-left: 15px;
	display: inline-block;
	width: 125px;
	text-align: left;;
}
.ck-but .cangk .cangk-menu i {
	width: 10px;
	height: 6px;
	background: url(../images/jt.png) no-repeat;
	display: inline-block;
	float: left;
	margin: 15px 2px 0px 0px;
}
.ck-but .cangk .cangk-menu .c-xlanav {
	position: absolute;
	width: 162px;
	height: 200px;
	top: 35px;
	left: -1px;
	background: white;
	border: 1px solid #dedede;
	overflow-y: scroll;
	overflow-x: hidden;
}
.ck-but .cangk .cangk-menu .c-xlanav a {
	width: 140px;
	height: 38px;
	display: inline-block;
	line-height: 38px;
	cursor: pointer;
}
.ck-but .cangk .cangk-menu .c-xlanav a:hover {
	background: #e5e5e5;
}
/**/
.c-xlanav .ck{
	background: #e5e5e5;
}

.ck-but .c-btn {
	width: 90px;
	height: 35px;
	float: right;
	background: #00b0f0;
	text-align: center;
	line-height: 35px;
	color: white;
	border: 0;
}
.triangle_border_down2 {
	width:0;
	height:0;
	border-width:15px 15px 0;
	border-style:solid;
	border-color:#FFF transparent transparent;/*鐏� 閫忔槑 閫忔槑 */
	margin:0px auto;
	position: absolute;
	bottom: -15px;
	left: 285px;
	z-index: 2;
}
.tiji-p .btn:hover {
	background: #09b290;
	border-radius: 2px;
}
.tiji-p {
	position: absolute;
	width: 462px;
	height: 160px;
	padding: 25px 25px 15px 25px;
	left: -200px;
	bottom: 95px;
	background-color: white;
}
.triangle_border_down2 {
    width:0;
    height:0;
    border-width:15px 15px 0;
    border-style:solid;
    border-color:#FFF transparent transparent;/*鐏� 閫忔槑 閫忔槑 */
    margin:0px auto;
	position: absolute;
    bottom: -15px;
    left: 285px;
	z-index: 2;
}
.tiji-p strong {
	line-height: 37px;
	float: left;
	font-size: 15px;
	display: inline-block;
	font-weight: normal;
	padding-left: 10px;
}
.tiji-p strong.danwei {
	padding-right: 20px;
}
.tiji-p input.inputxt2 {
	width: 60px;
	height: 35px;
	float: left;
	border: 1px solid #dedede;
	text-align: center;
	font-size: 16px;
}
.tiji-p .btn {
	width: 85px;
	height: 40px;
	position: absolute;
	left: 500px;
	bottom: 20px;
	border: 0;
	background: #00b0f0;
	color: white;
	font-size: 16px;
	cursor: pointer;
}
.tiji-p .jieguo {
	width: 400px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	text-align: left;
	padding-left: 10px;
	float: left;
	padding-top: 15px;
}
.tiji-p .jieguo b {
	color: red;
	font-size: 20px;
	padding-right: 5px;
}
.tiji-p .sm {
	width: 460px;
	float: left;
	text-align: left;
}
.tiji-p .sm a {
	color: #00b0f0;
}

.mian-title {
	width: 1260px;
	height: auto;
	padding: 60px 0px;
	margin: 0px auto;
	text-align: center;
}
.mian-title h3 {
	font-size: 30px;
	font-weight: normal;
}
.mian-title p {
	font-size: 18px;
	line-height: 30px;
}


.accordion_center {
	width: 1260px;
	height: 570px;
	margin: 0px auto;
}
.accordion_center li {
	float: left;
	cursor: pointer;
}
.accord_1 {
	background: url(../images/pd-bg-01.jpg) no-repeat center;
	height: 570px;
}
.accord_2 {
	background: url(../images/pd-bg-02.jpg) no-repeat center;
	height: 570px;
}
.accord_3 {
	background: url(../images/pd-bg-03.jpg) no-repeat center;
	height: 570px;
}
.accord_4 {
	background: url(../images/pd-bg-04.jpg) no-repeat center;
	height: 570px;
}

/*add*/

.wap_img{ display:none;}
.heigt_auto{ height: auto; overflow: hidden;}
.fl100{ float: left; width: 100%;}
.wap_img{ display: none;}
.wd1400{ max-width:1400px; margin: 0 auto;}
.font12{ font-size: 12px;}
.font16{ font-size: 16px;}
.font18{ font-size: 16px;}
.font20{ font-size: 20px;}
.font24{ font-size: 24px;}
.font48{ font-size: 48px !important;}
.font32{ font-size: 32px;}
.font36{ font-size: 36px;}
.font40{ font-size: 40px;}
.font28{ font-size: 28px;}
.font30{ font-size: 30px;}
.color8{ color: #888 !important;}
.color3{ color: #333;}
.color6{ color: #666;}
.color_blue{ color: #00b0f0;}
.imghover{ float: left; display: inline-block; overflow: hidden; width: 100%;}
.imghover.inherit{ overflow:inherit;}
.imghover img{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.imghover:hover img{ transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.media_about .imghover{height:auto!important;}


/*new*/
.floor_box3{ padding: 15px 0; background-color: #f4f4f4;}
.ind_newName{ padding-bottom: 1.8%;}
.inde_new ul{ margin: 0 -10px;}
.inde_new li{ float: left; width: 31.333333%; padding: 0 10px;}
.inde_newbox{ background-color:#fff;}
.inde_newbox img{width: 100%;height: 290px;object-fit: cover;}
.inde_newShow{ padding:5% 4%;}
.inde_title{clear:both;padding-top:3.6%;padding-bottom:4.5%; margin-bottom: 3.4%; border-bottom: 1px solid #d7d7d7; }
.inde_newIntro{ width:80%; padding-top: 1.2%;}
.news_time{ _width: 20%; padding: 0 3%; text-align:center;}
.inde_newIntro{ line-height: 1.8;}
.inde_newShow .new_day{ padding-bottom: 0.4%;padding-left:16%; border-bottom: 1px solid #d7d7d7;text-align:center;font-size:32px;}
.news_time .new_year{ font-size: 14px;}
.floor_box4{ padding: 3% 0;}
.inde_comp{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 60; text-align: center;}
.inde_comp img{ width: 28.6%; margin: 0 auto; padding-top: 40%;}
.inde_compname{ display: block; padding-top: 2.4%; color: #fff; font-size: 14px; width: 100%; text-align: center;}
a:hover .inde_compname{ color: #fff !important;}
.inde_compinfor{ display: none; color: #fff; padding:8% 6% 10%; line-height: 1.6; opacity:0.4; filter:Alpha(Opacity=40); font-size: 14px;}
#owl-layout3 a .inde_compinfor,#owl-layout3 a:hover .inde_compinfor{color: #fff !important; opacity:0.4; filter:Alpha(Opacity=40);}
#owl-layout3 .layout_more{ display: none; color: #949499 !important; font-size: 12px; padding: 1.4% 2.2%; margin: 4% auto 0;}
#owl-layout3 .layout_more span{color: #949499 !important;}
#owl-layout3 .layout_more:hover span{ color: #949499; }
.owl-item:hover .inde_compname{ padding-top: 3.4%;}
.owl-item:hover .inde_comp img{ padding-top: 5%;}
.owl-item:hover .inde_compinfor{ display: block;}
.inde_comp .cust_icon{display:none;}
#owl-layout3 .owl-item:hover .layout_more,
#owl-layout3 .owl-item:hover .cust_icon{ display:inline-block;}
#owl-layout3.owl-theme .owl-controls .owl-page span{ background-color: #55565a; opacity:1; filter:Alpha(Opacity=100);}
#owl-layout3.owl-theme .owl-controls .owl-page.active span{ background-color: #00b0f0; opacity:1; filter:Alpha(Opacity=100);}


/*news*/
.news_t{ padding: 2% 0;}
.news_swiper{ width: 49.4142%;}
.news_hot{ width: 48%;}
/*news-氓鈥郝久р€扳€∶β慌∶ヅ犅�*/
.news_swiper .owl-carousel{ overflow: hidden;}
.news_swiper .owl-carousel img{width:700px;height:455px;object-fit: cover;}
.news_swiper .owl-theme .owl-controls{ position: absolute; top: 0; left: 0; top: 50%; margin-top: -10%; width: 100%; }
.news_swiper .owl-theme .owl-controls .owl-buttons div{ position: absolute; top: 0; width: 32px; height: 80px; padding: 0; margin: 0; font-size: 0; opacity:1; border-radius:0;}
.news_swiper .owl-theme .owl-controls .owl-buttons div.owl-prev{ background:transparent url("../images/new_Mlac.png") no-repeat; left: 0;}
.news_swiper .owl-theme .owl-controls .owl-buttons div.owl-next{ background:transparent url("../images/new_Mrac.png") no-repeat; right: 0;}
.news_swiper .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background:transparent url("../images/new_Mlho.png") no-repeat; }
.news_swiper .owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background:transparent url("../images/new_Mrho.png") no-repeat; }
.news_swiper .item{ display: block; position: relative;}
.owl_for{ position: absolute; left: 0; bottom: 0; z-index: 600; width: 100%; background: url("../images/opcity_bd.png") repeat; padding: 2% 3%;}
.owl_for b{ color: #fff; font-weight: normal;}

.item:hover b{ color: #ddd; transition:color 0.6s; -moz-transition:color 0.6s; -webkit-transition:color 0.6s; -o-transition:color 0.6s}
.news_hot ul{ margin-top:-3%;}
.news_hot li{ padding: 3.18% 0; border-bottom: 1px solid #e5e5e5;}
.title{ color: #333;}
.infor{ color: #666; margin: 2.07% 0; line-height: 1.8;}
.time{ color: #888;}

.news_d{ padding-top: 1.5%; background-color: #f4f4f4;}
.news_list li,.ab_teamlist li{ padding:5px; margin-top: 2%;}
.news_box,.ab_teambox{ padding: 2%; background-color: #fff; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.news_list li:hover .news_box,.ab_teamlist li:hover .ab_teambox{ border-radius:3px; box-shadow:2px 2px 10px #ccc;}
.news_list li:hover .news_box .news_for .more{ background-color: #00b0f0; color: #fff !important; border:1px solid #00b0f0;}
.news_img{ width: 26%; line-height: 0;}
.news_for{ width: 60%; padding-left: 4%; padding-top: 12px;}
.news_for .more{ display: inline-block; padding: 4px 10px 4px 12px; color: #999; margin-top: 6%; border:1px solid #e5e5e5;}
.news_time{ font-family: Arial; /*padding-top: 4%;*/ _text-align: right;position:relative;top:20px;}
.news_time span{ display: block;}
.new_day{ font-size: 65px; line-height: normal; padding-bottom: 1%; margin-bottom: 3%; border-bottom: 1px solid #999;}
.new_year{ font-size: 20px;}
.news_box .time_more,.rep_time .time_more{ display: none;}

.rnews_time{ font-family: Arial;text-align: right;position:relative;}
.rnews_time span{ display: block;}
.rnew_day{ font-size: 65px; line-height: normal; padding-bottom: 1%; margin-bottom: 3%; border-bottom: 1px solid #999;}
.rnew_year{ font-size: 20px;}
.rnews_box .time_more,.rep_time .time_more{ display: none;}

.inde_new .news_time{top:0px;}

/*news-view*/
.view{ background-color: #f4f4f4; padding: 3% 0;}
.warp_all{ /*width:68.5714%;*/width:90%;margin:0 auto; padding: 3% 4.625%; background-color: #fff;}
.warp_l{ /*width:68.5714%;*/width:70%; padding: 3% 4.625%; background-color: #fff;}
.warp_r{ width:28.5714%;}
.view_title{ color: #00b0f0;}
.view_for{ line-height: 28px; padding: 1.6% 0; border-bottom: 1px solid #e5e5e5;}
.view_for .time{ background: url("../images/time_icon.png") no-repeat left; background-size: 20px 20px; padding-left: 28px; margin-right: 3%;}
.resource{ background: url("../images/resour_icon.png") no-repeat left; background-size: 20px 20px; padding-left: 28px; color: #888;}
.content{ line-height: 1.8; padding: 3% 0;}
.pre_nextpage{ padding: 1.8% 1%; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;}
.pre_nextpage a{ display: inline-block; width: 50%; line-height: 30px; background-size: 30px 30px;}
.pre_page{background: url("../images/pre_pageLac.png") no-repeat left; padding-left: 36px;}
.next_page{background: url("../images/pre_pageRac.png") no-repeat right; padding-right: 36px; text-align: right;}
.pre_page:hover{background: url("../images/pre_pageLho.png") no-repeat left;}
.next_page:hover{background: url("../images/pre_pageRho.png") no-repeat right;}
.back{ padding-top: 3%; text-align: center;}
.back_page{ display: inline-block; padding: 1% 4%; border: 1px solid #e5e5e5;}
.back_page span{ background: url("../images/back_icon.png") no-repeat left; padding-left: 24px;}
.back_page:hover{ border: 1px solid #00b0f0;  transition:border 0.6s; -moz-transition:border 0.6s; -webkit-transition:border 0.6s; -o-transition:border 0.6s;}
.back_page:hover span{ padding-left: 26px; background: url("../images/back_iconho.png") no-repeat left; transition:padding 0.2s; -moz-transition:padding 0.2s; -webkit-transition:padding 0.2s; -o-transition:padding 0.2s;}
.warp_rbox{ margin-bottom: 4%;}
.warp_rbox.none{ margin-bottom: 0;}
.warp_Rdown{ /*padding: 2.4% 7% 8% 7%; */padding: 2.4% 7% 2% 7%; background-color: #fff;}
.warp_rTitle{ padding: 2.4% 7%; background-color: #55565a; color: #fff;}
.news_recomd li{ padding: 3% 0; border-bottom: 1px solid #e5e5e5;}
.news_recomd .time{ padding-top: 4px;}
.layout_menue li{ float: left; width: 50%; padding:4% 0 4% 4%;}
.layout_menue li a{ font-size: 16px;}
.view_for.share{position:absolute;right:0px;bottom:17px;}
.view_for .share a{display:inline-block;margin:0 5px 0 2px;}

.content img{display:inline-block;}

/*合作伙伴*/
.full-isoutions .soutions-wrapper, .iclients-wrapper, .inews-center {
	width: 100%;
	overflow: hidden
}
.iclients-wrapper {
	padding: 15px 0 30px
}

.iclients-wrapper .m-ichl-title {
	margin-bottom: 30px
}

.iclients-wrapper .m-ichl-subnav {
	margin-bottom: 51px
}

.iclients-wrapper .ichannel-tabcontent {
	overflow: hidden
}

.iclients-wrapper .tabcontent-slider {
	position: relative;
	width: 200%
}

.iclients-list {
	width: 50%;
	float: left;
	overflow: hidden
}

.iclients-list ul {
	margin-right: -4px
}

.iclients-list li {
	float: left;
	width: 20%;
	margin-bottom: -4px;
	background: url("../webimages/iclibg.png") no-repeat right bottom
}

.iclients-list li a {
	display: block;
	text-align: center
}

.iclients-list li img {
	max-width: 100%
}
@media (max-width: 640px) {

	.iclients-wrapper {
		padding-top: 20px;
		padding-bottom: 20px
	}

	.iclients-wrapper .m-ichl-subnav {
		display: none;
		margin-bottom: 20px
	}

	.iclients-wrapper .ichannel-tabcontent {
		overflow: hidden
	}

	.iclients-wrapper .tabcontent-slider {
		position: relative;
		width: 200%
	}

	.iclients-wrapper .icustomer {
		display: none
	}

	.iclients-list {
		position: relative;
		overflow: hidden
	}

	.iclients-list:after {
		content: '';
		display: block;
		width: 100%;
		padding-bottom: 179.32075%
	}

	.iclients-list ul {
		position: absolute;
		left: 0;
		top: 0
	}

	.iclients-list li {
		width: 50%;
		margin-bottom: 0;
		-o-background-size: 96.5625% auto;
		background-size: 96.5625% auto
	}

}